<template>
	<view>
		<Search />
		<Tabs :list="list" />
		<view class="goods_list">
			<GoodsList :list="list1" />
		</view>
		<Cart />
	</view>
</template>

<script>
	import Search from '../home/components/search.vue'
	import Tabs from '@/components/tabs.vue'
	import GoodsList from '@/components/goods_list.vue';
	import Cart from '@/components/cart.vue';
	export default {
		components: {
			Search,
			Tabs,
			GoodsList,
			Cart
		},
		data() {
			return {
				list1: [{
					img_path: '/static/goods/apple.jpg',
					name: '土豆',
					price: 1.5,
					unit: '斤',
					number: 1,
					selected: true,
					show_check: false
				},{
					img_path: '/static/goods/apple.jpg',
					name: '土豆',
					price: 1.5,
					unit: '斤',
					number: 1,
					selected: true,
					show_check: false
				},{
					img_path: '/static/goods/apple.jpg',
					name: '土豆',
					price: 1.5,
					unit: '斤',
					number: 1,
					selected: true,
					show_check: false
				},{
					img_path: '/static/goods/apple.jpg',
					name: '土豆',
					price: 1.5,
					unit: '斤',
					number: 1,
					selected: true,
					show_check: false
				},{
					img_path: '/static/goods/apple.jpg',
					name: '土豆',
					price: 1.5,
					unit: '斤',
					number: 1,
					selected: true,
					show_check: false
				},{
					img_path: '/static/goods/apple.jpg',
					name: '土豆123',
					price: 1.5,
					unit: '斤',
					number: 1,
					selected: true,
					show_check: false
				}],
				list: [{
					name: '叶菜类'
				}, {
					name: '根茎类'
				}, {
					name: '果实类',
					count: 5
				}, {
					name: '花菜类'
				}, {
					name: '豆类'
				}, {
					name: '鳞茎类'
				}, {
					name: '菌菇类'
				}]
			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
.goods_list {
		height: calc(100vh - 360rpx);
		overflow: scroll;
	}
</style>